<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
		<title>Mowasalat - Logistics and Transports Website Template</title>
		<!-- All Stylesheets -->
		<link href="css/all-stylesheets.css" rel="stylesheet">
		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<!-- PRELOADER STARTS
			========================================================================= --> 
		<div id="preloader">
			<div id="status">
				<div class="spinner"></div>
			</div>
		</div>
		<!-- /. PRELOADER ENDS
			========================================================================= -->
		<!-- TOP HEADER STARTS
			========================================================================= -->
		<div class="top-header hidden-xs">
			<div class="container">
				<div class="row">
					<div class="col-lg-9 col-md-9 col-sm-9">
						<ul class="links">
							<li><a href="#"><i class="fa fa-phone" aria-hidden="true"></i> Call Us Now +2 0100 843 1112</a></li>
							<li><a href="#"><i class="fa fa-envelope" aria-hidden="true"></i> Admin@mowasalat.com</a></li>
							<li><a href="#"><i class="fa fa-paper-plane" aria-hidden="true"></i> Get a Quote</a></li>
						</ul>
					</div>
					<div class="col-lg-3 col-md-3 col-sm-3">
						<ul class="social-icons">
							<li><a href="#"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
							<li><a href="#"><i class="fa fa-behance" aria-hidden="true"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- /. TOP HEADER ENDS
			========================================================================= -->
		<!-- NAVIGATION STARTS
			========================================================================= -->
		<nav class="navbar navbar-default">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="index-001.html"><img src="images/logo/logo.png" alt=""></a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-right  hidden-xs">
						<li>
							<div class="searchlink" id="searchlink">
								<i class="fa fa-search"></i>
								<div class="searchform">
									<form id="search">
										<input type="text" class="s" id="s" placeholder="keywords...">
										<button type="submit" class="sbtn"><i class="fa fa-search"></i></button>
									</form>
								</div>
							</div>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown active">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Home <span class="caret"></span></a>
							<ul class="dropdown-menu dropdown-menu-left">
								<li><a href="index-01.html">Home Page 01</a></li>
								<li><a href="index-02.html">Home Page 02</a></li>
								<li><a href="index-03.html">Home Page 03</a></li>
								<li><a href="index-04.html">Home Page 04</a></li>
								<li><a href="index-05.html">Home Page 05</a></li>
								<li><a href="index-06.html">Home Page 06</a></li>
								<li><a href="index-07.html">Home Page 07</a></li>
								<li><a href="index-08.html">Home Page 08</a></li>
								<li><a href="index-09.html">Home Page 09</a></li>
								<li><a href="index-10.html">Home Page 10</a></li>
								<li><a href="onepage-parallax.html">One Page Parallax</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Company <span class="caret"></span></a>
							<ul class="dropdown-menu dropdown-menu-left">
								<li><a href="about-us-01.html">About Us 01</a></li>
								<li><a href="about-us-02.html">About Us 02</a></li>
								<li><a href="about-us-03.html">About Us 03</a></li>
								<li><a href="about-us-04.html">About Us 04</a></li>
								<li><a href="our-team.html">Our Team</a></li>
								<li><a href="single-team.html">Single Team</a></li>
								<li><a href="branches.html">Branches</a></li>
								<li><a href="career.html">Career</a></li>
								<li><a href="error-page.html">Error Page</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
							<ul class="dropdown-menu dropdown-menu-left">
								<li><a href="services.html">Services 01</a></li>
								<li><a href="services-02.html">Services 02</a></li>
								<li><a href="services-03.html">Services 03</a></li>
								<li><a href="services-04.html">Services 04</a></li>
								<li><a href="services-05.html">Services 05</a></li>
								<li><a href="single-service.html">Single Service</a></li>
								<li><a href="pricing.html">Pricing</a></li>
								<li><a href="quotation.html">Quotation</a></li>
							</ul>
						</li>
						<li><a href="vehicle-park.html">Gallery</a></li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Blog <span class="caret"></span></a>
							<ul class="dropdown-menu dropdown-menu-left">
								<li><a href="blog.html">Blog</a></li>
								<li><a href="blog-grid.html">Blog Grid</a></li>
								<li><a href="blog-grid-with-left-sidebar.html">Blog with Left Sidebar</a></li>
								<li><a href="blog-grid-with-right-sidebar.html">Blog with Right Sidebar</a></li>
								<li><a href="blog-single.html">Blog Single</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Store <span class="caret"></span></a>
							<ul class="dropdown-menu dropdown-menu-left">
								<li><a href="shop.html">Shop</a></li>
								<li><a href="shop-single.html">Shop Single</a></li>
								<li><a href="shop-cart.html">Shop Cart</a></li>
								<li><a href="login.html">Login</a></li>
								<li><a href="register.html">Register</a></li>
							</ul>
						</li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
			<!--/.container-fluid -->
		</nav>
		<!-- /. NAVIGATION ENDS
			========================================================================= -->
		<!-- SLIDER STARTS
			========================================================================= -->		
		<div class="slider">
			<div id="rev_slider_204_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="fullscreen-button44" style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
				<!-- START REVOLUTION SLIDER 5.1.1RC auto mode -->
				<div id="rev_slider_204_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.1.1RC">
					<ul>
						<!-- SLIDE  -->
						<li data-index="rs-681" data-transition="zoomin" data-slotamount="default" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="images/slider/thumbs/1.jpg" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="Air Freight" data-description="">
							<!-- MAIN IMAGE -->							
							<img src="images/slider/1.jpg"  alt=""  data-bgposition="center center" data-kenburns="on" data-duration="30000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="130" data-rotatestart="0" data-rotateend="0" data-offsetstart="500 100" data-offsetend="-500 0" data-bgparallax="10" class="rev-slidebg" data-no-retina>
							<!-- LAYERS -->
							<!-- LAYER NR. 1 -->
							<div class="tp-caption tp-shape tp-shapewrapper  tp-resizeme" 
								id="slide-681-layer-bg" 
								data-x="['right','right','left','left']" data-hoffset="['0','0','0','0']" 
								data-y="['top','top','top','top']" data-voffset="['0','0','0','0']" 								
								data-transform_idle="o:1;" 
								data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeOut;" 
								data-transform_out="x:left;s:1200;e:Power3.easeInOut;s:1200;e:Power3.easeInOut;" 
								data-start="100" 
								data-responsive_offset="on" 
								style="z-index: 5;"><img src="images/slider/overlay.png" alt="">
							</div>
							<!-- LAYER NR. 1 -->
							<div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-1" 
								id="slide-681-layer-1" 
								data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"  
								data-y="['center','center','center','center']" data-voffset="['-80','-60','-60','-20']" 
								data-fontsize="['42','42','32','24']"
								data-lineheight="['45','45','35','28']"
								data-width="none"
								data-height="none"
								data-color="#fff"
								data-whitespace="nowrap"
								data-transform_idle="o:1;"
								data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_out="x:inherit;y:inherit;" 
								data-start="1500" 
								data-splitin="none" 
								data-splitout="none" 
								data-responsive_offset="on" 
								style="z-index: 6; white-space: nowrap; text-transform:uppercase; letter-spacing:3px; font-weight:300;">WE DELIVER 
							</div>
							<!-- LAYER NR. 2 -->
							<div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-2" 
								id="slide-681-layer-2" 
								data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
								data-y="['center','center','center','center']" data-voffset="['-30','-10','-10','10']" 
								data-fontsize="['60','60','50','30']"
								data-lineheight="['65','65','45','35']"								
								data-height="none"
								data-color="#fff"
								data-letter-spacing="normal"
								data-whitespace="nowrap"
								data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
								data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" 
								data-start="1000" 
								data-splitin="chars" 
								data-splitout="none" 
								data-elementdelay="0.05" 
								data-responsive_offset="on" 
								style="z-index: 6; white-space: nowrap;">CARGO WORLDWIDE 
							</div>
							<!-- LAYER NR. 3 -->
							<div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-3" 
								id="slide-681-layer-3" 
								data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"  
								data-y="['center','center','center','center']" data-voffset="['20','50','50','50']" 
								data-fontsize="['16','16','16','14']"
								data-lineheight="['18','18','18','18']"
								data-width="['650','450','450','300']"
								data-height="none"
								data-color="#fff"
								data-whitespace="normal"
								data-transform_idle="o:1;"
								data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_out="x:inherit;y:inherit;" 
								data-start="2500" 
								data-splitin="none" 
								data-splitout="none" 
								data-responsive_offset="on" 
								style="z-index: 6; min-width: 300px; max-width: 650px; white-space: normal; font-weight:300;">Go beyond logistics, make the world go round and more forrevolution business.
							</div>
						</li>
						<!-- /. SLIDE  -->
						<!-- SLIDE  -->
						<li data-index="rs-682" data-transition="zoomin" data-slotamount="default" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="images/slider/thumbs/2.jpg" data-rotate="0" data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-title="Land Transport" data-description="">
							<!-- MAIN IMAGE -->							
							<img src="images/slider/2.jpg"  alt=""  data-bgposition="center center" data-kenburns="on" data-duration="30000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="130" data-rotatestart="0" data-rotateend="0" data-offsetstart="-500 0" data-offsetend="500 100" data-bgparallax="10" class="rev-slidebg" data-no-retina>
							<!-- LAYERS -->
							<!-- LAYER NR. 1 -->
							<div class="tp-caption tp-shape tp-shapewrapper  tp-resizeme" 
								id="slide-682-layer-bg" 
								data-x="['right','right','left','left']" data-hoffset="['0','0','0','0']" 
								data-y="['top','top','top','top']" data-voffset="['0','0','0','0']" 								
								data-transform_idle="o:1;" 
								data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeOut;" 
								data-transform_out="x:left;s:1200;e:Power3.easeInOut;s:1200;e:Power3.easeInOut;" 
								data-start="100" 
								data-responsive_offset="on" 
								style="z-index: 5;"><img src="images/slider/overlay.png" alt="">
							</div>
							<!-- LAYER NR. 1 -->
							<div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-1" 
								id="slide-682-layer-1" 
								data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"  
								data-y="['center','center','center','center']" data-voffset="['-80','-60','-60','-20']" 
								data-fontsize="['42','42','32','24']"
								data-lineheight="['45','45','35','28']"
								data-width="none"
								data-height="none"
								data-color="#fff"
								data-whitespace="nowrap"
								data-transform_idle="o:1;"
								data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_out="x:inherit;y:inherit;" 
								data-start="1500" 
								data-splitin="none" 
								data-splitout="none" 
								data-responsive_offset="on" 
								style="z-index: 6; white-space: nowrap; text-transform:uppercase; letter-spacing:3px; font-weight:300;">WE DELIVER 
							</div>
							<!-- LAYER NR. 2 -->
							<div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-2" 
								id="slide-682-layer-2" 
								data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
								data-y="['center','center','center','center']" data-voffset="['-30','-10','-10','10']" 
								data-fontsize="['60','60','50','30']"
								data-lineheight="['65','65','45','35']"								
								data-height="none"
								data-color="#fff"
								data-letter-spacing="normal"
								data-whitespace="nowrap"
								data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" 
								data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" 
								data-start="1000" 
								data-splitin="chars" 
								data-splitout="none" 
								data-elementdelay="0.05" 
								data-responsive_offset="on" 
								style="z-index: 6; white-space: nowrap;">CARGO WORLDWIDE 
							</div>
							<!-- LAYER NR. 3 -->
							<div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-3" 
								id="slide-682-layer-3" 
								data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"  
								data-y="['center','center','center','center']" data-voffset="['20','50','50','50']" 
								data-fontsize="['16','16','16','14']"
								data-lineheight="['18','18','18','18']"
								data-width="['650','450','450','300']"
								data-height="none"
								data-color="#fff"
								data-whitespace="normal"
								data-transform_idle="o:1;"
								data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" 
								data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" 
								data-mask_out="x:inherit;y:inherit;" 
								data-start="2500" 
								data-splitin="none" 
								data-splitout="none" 
								data-responsive_offset="on" 
								style="z-index: 6; min-width: 300px; max-width: 650px; white-space: normal; font-weight:300;">Go beyond logistics, make the world go round and more forrevolution business.
							</div>
						</li>
						<!-- /. SLIDE  -->						
					</ul>
					<div class="tp-bannertimer" style="height: 7px; background-color: rgba(255, 255, 255, 0.25);"></div>
				</div>
			</div>
		</div>
		<!-- /. SLIDER ENDS
			========================================================================= -->
		<!-- OUR SERVICES STARTS
			========================================================================= -->  
		<div class="home-our-services">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="hero-text center">
							<h1>Our Services</h1>
							<h2>BOOKING OUR CARGO TO THE FUTURE</h2>
							<div class="line"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="container-fluid">
				<div class="row no-gutter-12">
					<div class="col-lg-12">
						<div class="home-our-services-carousel">
							<!-- Block Starts -->
							<div class="block">
								<div class="picture">
									<div class="top-overlay"></div>
									<img src="http://placehold.it/600x400" class="img-responsive" alt="">
									<div class="bottom-overlay"></div>
								</div>
								<div class="contents">
									<h1>Land Transport</h1>
									<div class="line"></div>
									<div class="description">Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod tempor for enim adesg minim veniam.</div>
								</div>
							</div>
							<!-- Block Ends -->
							<!-- Block Starts -->
							<div class="block">
								<div class="picture">
									<div class="top-overlay"></div>
									<img src="http://placehold.it/600x400" class="img-responsive" alt="">
									<div class="bottom-overlay"></div>
								</div>
								<div class="contents">
									<h1>Air Freight</h1>
									<div class="line"></div>
									<div class="description">Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod tempor for enim adesg minim veniam.</div>
								</div>
							</div>
							<!-- Block Ends -->
							<!-- Block Starts -->
							<div class="block">
								<div class="picture">
									<div class="top-overlay"></div>
									<img src="http://placehold.it/600x400" class="img-responsive" alt="">
									<div class="bottom-overlay"></div>
								</div>
								<div class="contents">
									<h1>Sea Freight</h1>
									<div class="line"></div>
									<div class="description">Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod tempor for enim adesg minim veniam.</div>
								</div>
							</div>
							<!-- Block Ends -->
							<!-- Block Starts -->
							<div class="block">
								<div class="picture">
									<div class="top-overlay"></div>
									<img src="http://placehold.it/600x400" class="img-responsive" alt="">
									<div class="bottom-overlay"></div>
								</div>
								<div class="contents">
									<h1>Rail Freight</h1>
									<div class="line"></div>
									<div class="description">Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod tempor for enim adesg minim veniam.</div>
								</div>
							</div>
							<!-- Block Ends -->
							<!-- Block Starts -->
							<div class="block">
								<div class="picture">
									<div class="top-overlay"></div>
									<img src="http://placehold.it/600x400" class="img-responsive" alt="">
									<div class="bottom-overlay"></div>
								</div>
								<div class="contents">
									<h1>Warehousing</h1>
									<div class="line"></div>
									<div class="description">Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod tempor for enim adesg minim veniam.</div>
								</div>
							</div>
							<!-- Block Ends -->
							<!-- Block Starts -->
							<div class="block">
								<div class="picture">
									<div class="top-overlay"></div>
									<img src="http://placehold.it/600x400" class="img-responsive" alt="">
									<div class="bottom-overlay"><img src="images/services/overlay-bottom.png" class="img-responsive" alt=""></div>
								</div>
								<div class="contents">
									<h1>Cargo Management</h1>
									<div class="line"></div>
									<div class="description">Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod tempor for enim adesg minim veniam.</div>
								</div>
							</div>
							<!-- Block Ends -->
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- /. OUR SERVICES ENDS
			========================================================================= -->
		<!-- WHY CHOOSE US STARTS
			========================================================================= -->  
		<div class="why-to-choose-us-01">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="hero-text center">
							<h1>Why to Choose us</h1>
							<h2>Thinking the way Forwarded</h2>
							<div class="line"></div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-6 col-md-6"><img src="http://placehold.it/550x650" class="img-responsive center-block" alt=""></div>
					<div class="col-lg-6 col-md-6">
						<div class="description">Temporibus autem quibusdam et aut officiis debitis is aut rerum necessitatibus saepes eveniet ut et seo lage voluptates repudiandae sint et molestiae non mes  for Creating  futures through building preservation.</div>
						<div class="row">
							<!-- Block Starts -->
							<div class="col-lg-6 col-md-6 col-sm-6">
								<div class="block">
									<div class="icon"><span class="icon-warehouse"></span></div>
									<h1>Goods Packaging</h1>
									<div class="description">Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod tempor for enim adesg ens minim veniam.</div>
								</div>
							</div>
							<!-- Block Ends -->
							<!-- Block Starts -->
							<div class="col-lg-6 col-md-6 col-sm-6">
								<div class="block">
									<div class="icon"><span class="icon-truck22"></span></div>
									<h1>Goods Packaging</h1>
									<div class="description">Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod tempor for enim adesg ens minim veniam.</div>
								</div>
							</div>
							<!-- Block Ends -->
							<!-- Block Starts -->
							<div class="col-lg-6 col-md-6 col-sm-6">
								<div class="block">
									<div class="icon"><span class="icon-ship"></span></div>
									<h1>Goods Packaging</h1>
									<div class="description">Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod tempor for enim adesg ens minim veniam.</div>
								</div>
							</div>
							<!-- Block Ends -->
							<!-- Block Starts -->
							<div class="col-lg-6 col-md-6 col-sm-6">
								<div class="block">
									<div class="icon"><span class="icon-security"></span></div>
									<h1>Goods Packaging</h1>
									<div class="description">Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod tempor for enim adesg ens minim veniam.</div>
								</div>
							</div>
							<!-- Block Ends -->
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- /. WHY CHOOSE US ENDS
			========================================================================= -->
		<!-- REQUEST A QUOTE STARTS
			========================================================================= -->  
		<div class="parallax-1 quote">
			<div class="container">
				<div class="row">
					<div class="col-lg-6 bg">
						<div class="hero-text">
							<h1>Request a Quote</h1>
							<h2>MAKE THE WORLD GO ROUND AND REVOLUTION BUSINESS</h2>
							<div class="line"></div>
						</div>
						<form>
							<div class="form-group">							
								<input type="email" class="form-control" id="exampleInputname" placeholder="Your Name *">
							</div>
							<div class="form-group">							
								<input type="email" class="form-control" id="exampleInputEmailaddress" placeholder="Your E-mail Address *">
							</div>
							<div class="form-group">							
								<input type="email" class="form-control" id="exampleInputlocation" placeholder="Your Location *">
							</div>
							<div class="form-group">							
								<input type="email" class="form-control" id="exampleInputdestination" placeholder="To Destination">
							</div>
							<div class="form-group">							
								<input type="email" class="form-control" id="exampleInputcargo" placeholder="Cargo/Person *">
							</div>
							<div class="form-group">							
								<input type="email" class="form-control" id="exampleInputcnumber" placeholder="Contact Number">
							</div>
							<button type="submit" class="btn btn-default">SEND A QUOTE</button>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!-- /. REQUEST A QUOTE ENDS
			========================================================================= -->
		<!-- LATEST NEWS STARTS
			========================================================================= -->  
		<div class="blog-grid">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="hero-text center">
							<h1>Latest News</h1>
							<h2>ALL ABOUT MOWASALAT UPDATES</h2>
							<div class="line"></div>
						</div>
					</div>
				</div>
				<div class="row">
					<!-- Block Starts -->
					<div class="col-lg-4 col-md-4">
						<div class="post">
							<div class="picture">
								<a href=""><img src="http://placehold.it/500x400" class="img-responsive center-block" alt=""></a>
								<div class="info">
									<div class="category"><i class="fa fa-picture-o" aria-hidden="true"></i></div>
									<div class="date">18 Jan, 2016</div>
								</div>
							</div>
							<h1><a href="">Possibility in every direction</a></h1>
							<div class="description">Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod tempor for enim adesg ens minim veniam ipsum   consectet adipisi elit, sed do minim veniam..</div>
						</div>
					</div>
					<!-- Block Ends -->
					<!-- Block Starts -->
					<div class="col-lg-4 col-md-4">
						<div class="post">
							<div class="picture">
								<a href=""><img src="http://placehold.it/500x400" class="img-responsive center-block" alt=""></a>
								<div class="info">
									<div class="category"><i class="fa fa-volume-up" aria-hidden="true"></i></div>
									<div class="date">18 Jan, 2016</div>
								</div>
							</div>
							<h1><a href="">Not the average freight fowarder</a></h1>
							<div class="description">Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod tempor for enim adesg ens minim veniam ipsum   consectet adipisi elit, sed do minim veniam..</div>
						</div>
					</div>
					<!-- Block Ends -->
					<!-- Block Starts -->
					<div class="col-lg-4 col-md-4">
						<div class="post">
							<div class="picture">
								<a href=""><img src="http://placehold.it/500x400" class="img-responsive center-block" alt=""></a>
								<div class="info">
									<div class="category"><i class="fa fa-video-camera" aria-hidden="true"></i></div>
									<div class="date">18 Jan, 2016</div>
								</div>
							</div>
							<h1><a href="">Great voyages start here</a></h1>
							<div class="description">Lorem ipsum dolor sit , consectet adipisi elit, sed do eiusmod tempor for enim adesg ens minim veniam ipsum   consectet adipisi elit, sed do minim veniam..</div>
						</div>
					</div>
					<!-- Block Ends -->
				</div>
			</div>
		</div>
		<!-- /. LATEST NEWS ENDS
			========================================================================= -->
		<!-- TESTIMONIALS STARTS
			========================================================================= -->  
		<div class="parallax-2 testimonials">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="hero-text center">
							<h1>What our Clients Says</h1>
							<h2>ALL WHAT CUSTOMERS SAID ABOUT US</h2>
							<div class="line"></div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-10 col-lg-offset-1">
						<div class="testimonial-carousel">
							<!-- Slide Starts -->
							<div>
								<div class="picture"><img src="http://placehold.it/70x70" class="img-circle center-block" alt=""></div>
								<div class="name">Fatma Hassan</div>
								<div class="company">CEO - Cloud</div>
								<div class="description">Imagination… What we can easily see is only a small percentage of what is possible. Logistics through innovation, dedication, and technology.</div>
							</div>
							<!-- Slide Ends -->
							<!-- Slide Starts -->
							<div>
								<div class="picture"><img src="http://placehold.it/70x70" class="img-circle center-block" alt=""></div>
								<div class="name">Fatma Hassan</div>
								<div class="company">CEO - Cloud</div>
								<div class="description">Imagination… What we can easily see is only a small percentage of what is possible. Logistics through innovation, dedication, and technology.</div>
							</div>
							<!-- Slide Ends -->
							<!-- Slide Starts -->
							<div>
								<div class="picture"><img src="http://placehold.it/70x70" class="img-circle center-block" alt=""></div>
								<div class="name">Fatma Hassan</div>
								<div class="company">CEO - Cloud</div>
								<div class="description">Imagination… What we can easily see is only a small percentage of what is possible. Logistics through innovation, dedication, and technology.</div>
							</div>
							<!-- Slide Ends -->
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- /. TESTIMONIALS ENDS
			========================================================================= -->
		<!-- CLIENTS STARTS
			========================================================================= -->  
		<div class="clients">
			<div class="container">
				<div class="row">
					<div class="col-lg-3 col-md-3 col-sm-6">
						<img src="http://placehold.it/130x130" class="img-responsive center-block" alt="">
					</div>
					<div class="col-lg-3 col-md-3 col-sm-6">
						<img src="http://placehold.it/130x130" class="img-responsive center-block" alt="">
					</div>
					<div class="col-lg-3 col-md-3 col-sm-6">
						<img src="http://placehold.it/130x130" class="img-responsive center-block" alt="">
					</div>
					<div class="col-lg-3 col-md-3 col-sm-6">
						<img src="http://placehold.it/130x130" class="img-responsive center-block" alt="">
					</div>
				</div>
			</div>
		</div>
		<!-- /. CLIENTS ENDS
			========================================================================= -->
		<!-- NEWSLETTER STARTS
			========================================================================= -->  
		<div class="parallax-3 newsletter">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="hero-text center">
							<h2>Newsletter for recieve</h2>
							<h1>our latest company updates</h1>
						</div>
					</div>
					<div class="col-lg-8 col-lg-offset-2">
						<form class="form-inline">
							<div class="form-group">							
								<input type="email" class="form-control" id="newsletter" placeholder="Your E-mail Address">
							</div>
							<button type="submit" class="btn btn-default"><i class="fa fa-paper-plane" aria-hidden="true"></i></button>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!-- /. NEWSLETTER ENDS
			========================================================================= -->
		<!-- FOOTER STARTS
			========================================================================= -->
		<footer>
			<div class="dark-grey-1 row1">
				<div class="container">
					<div class="row">
						<div class="col-lg-3 col-md-3 col-sm-6 about">
							<h1>About Us</h1>
							<div class="about">Proin suscipit luctus orci placerat eat fringilla. Donec hendrerit laoreet risus volutpat mauris. Sed enim  bibendum eu forest for ever</div>
							<ul class="social-icons">
								<li><a href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
								<li><a href="#"><i class="fa fa-behance" aria-hidden="true"></i></a></li>
							</ul>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-6 head-office">
							<h1>Head Office</h1>
							<ul class="office-icons">
								<li><i class="fa fa-map-marker" aria-hidden="true"></i> 1422 1st St. Santa Rosa,t CA, USA.</li>
								<li><a href=""><i class="fa fa-envelope-o" aria-hidden="true"></i> admin@e-mail.com</a></li>
								<li><i class="fa fa-phone" aria-hidden="true"></i> 002- 01008431112</li>
								<li><a href=""><i class="fa fa-mobile" aria-hidden="true"></i> 002- 01008431112</a></li>
							</ul>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-6 useful-links">
							<h1>Useful Links</h1>
							<ul>
								<li><a href="#">Why to choose us</a></li>
								<li><a href="#">Warehousing </a></li>
								<li><a href="#">Air Freight</a></li>
								<li><a href="#">Land Transport</a> </li>
								<li><a href="#">Freight Prices</a> </li>
								<li><a href="#">Cargo Membership</a></li>
							</ul>
						</div>
						<div class="col-lg-3 col-md-3 col-sm-6 locations">
							<h1>Locations</h1>
							<img src="images/map/footer-map.png" class="img-responsive center-block" alt="" >
						</div>
					</div>
				</div>
			</div>
			<div class="dark-grey-2 row2">
				<div class="container">
					<div class="row">
						<div class="col-lg-6">
							<ul class="links">
								<li><a href="#">Home</a></li>
								<li><a href="#">About Us</a></li>
								<li><a href="#">Services</a></li>
								<li><a href="#">Track Your Road</a></li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</div>
						<div class="col-lg-6 copyright">
							© 2016 Mowasalat <span class="hidden-xs">-</span> <br class="visible-xs">Powered By <a href="">Mohamed Arafa</a>
						</div>
					</div>
					<div class="totop">
						<a href="#" class="scrollup"><i class="fa fa-long-arrow-up" aria-hidden="true"></i></a>
					</div>
				</div>
			</div>
		</footer>
		<!-- /. FOOTER ENDS
			========================================================================= -->		
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="js/jquery-1.11.3/jquery.min.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="js/bootstrap.min.js"></script>
		<!-- REVOLUTION JS FILES -->
		<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
		<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
		<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  
			(Load Extensions only on Local File Systems !  
			The following part can be removed on Server for On Demand Loading) -->	
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
		<script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>
		<script type="text/javascript">
			var tpj = jQuery;
			
			var revapi204;
			tpj(document).ready(function() {
			    if (tpj("#rev_slider_204_1").revolution == undefined) {
			        revslider_showDoubleJqueryError("#rev_slider_204_1");
			    } else {
			        revapi204 = tpj("#rev_slider_204_1").show().revolution({
			            sliderType: "standard",
			            jsFileLocation:"revolution/js/",
			            sliderLayout:"fullwidth",
			            dottedOverlay: "none",
			            delay: 9000,
			            navigation: {
			                keyboardNavigation: "off",
			                keyboard_direction: "horizontal",
			                mouseScrollNavigation: "off",
			                onHoverStop: "off",
			                touch: {
			                    touchenabled: "on",
			                    swipe_threshold: 75,
			                    swipe_min_touches: 1,
			                    swipe_direction: "horizontal",
			                    drag_block_vertical: false
			                },
			                arrows: {
										style:"zeus",
										enable:true,
										hide_onmobile:false,
										hide_under:600,
										hide_onleave:true,
										hide_delay:200,
										hide_delay_mobile:1200,
										tmp:'<div class="tp-title-wrap">  	<div class="tp-arr-imgholder"></div> </div>',
										left: {
											h_align:"left",
											v_align:"center",
											h_offset:30,
											v_offset:0
										},
										right: {
											h_align:"right",
											v_align:"center",
											h_offset:30,
											v_offset:0
										}
									}
									,
									bullets: {
										enable:true,
										hide_onmobile:true,
										hide_under:600,
										style:"metis",
										hide_onleave:true,
										hide_delay:200,
										hide_delay_mobile:1200,
										direction:"horizontal",
										h_align:"center",
										v_align:"bottom",
										h_offset:0,
										v_offset:30,
										space:5,
										tmp:'<span class="tp-bullet-img-wrap">  <span class="tp-bullet-image"></span></span><span class="tp-bullet-title">{{title}}</span>'
									}
			            },
			            viewPort: {
			                enable: true,
			                outof: "pause",
			                visible_area: "80%"
			            },
			            responsiveLevels: [1240, 1024, 778, 480],
			            visibilityLevels: [1240, 1024, 778, 480],
			            gridwidth: [1240, 1024, 778, 480],
			            gridheight: [700, 650, 600, 500],
			            lazyType: "none",
			            parallax: {
			                type: "mouse",
			                origo: "slidercenter",
			                speed: 2000,
			                levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50, 46, 47, 48, 49, 50, 55],
			                type: "mouse",
			            },
			            shadow: 0,
			            spinner: "off",
			            stopLoop: "off",
			            stopAfterLoops: -1,
			            stopAtSlide: -1,
			            shuffle: "off",
			            autoHeight: "off",
			            hideThumbsOnMobile: "on",
			            hideSliderAtLimit: 0,
			            hideCaptionAtLimit: 0,
			            hideAllCaptionAtLilmit: 0,
			            debugMode: false,
			            fallbacks: {
			                simplifyAll: "off",
			                nextSlideOnWindowFocus: "off",
			                disableFocusListener: false,
			            }
			        });
			    }
			}); /*ready*/
		</script>
		<!-- Parallax -->
		<script type="text/javascript" src="js/parallax/jquery.parallax-1.1.3.js"></script> 
		<script type="text/javascript" src="js/parallax/jquery.localscroll-1.2.7-min.js"></script> 
		<script type="text/javascript" src="js/parallax/jquery.scrollTo-1.4.2-min.js"></script>
		<!-- Retina --> 
		<script type="text/javascript" src="js/retina/retina.js"></script> 
		<!-- Owl Carousel --> 
		<script type="text/javascript" src="js/owl-carousel/owl.carousel.js"></script>
		<!-- FitVids --> 
		<script type="text/javascript" src="js/fitvids/jquery.fitvids.js"></script>
		<!-- Magnific Popup core JS file -->
		<script type="text/javascript" src="js/magnific-popup/jquery.magnific-popup.js"></script>
		<!-- Counter Up --> 
		<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>		
		<script src="js/jquery.counterup.min.js"></script>
		<!-- Custom JS -->
		<script src="js/custom/custom.js"></script>
	</body>
</html>